ArraylistData

<template>
    <div class="wh100 loginPage">
        <div class="flex items-center justify-center wh100 mask">
            <div class="autoView h100 flex justify-center items-center">
                <van-form @submit="authService.login(reData.loginDto)" class="loginDom bgFF radius10 w90"
                          label-width="0">
                    <p class="paddingV20 text-center title fontB22">爱豆荣森</p>
                    <van-cell-group inset>
                        <van-field
                                v-model="reData.loginDto.phone"
                                placeholder="手机号码"
                                :rules="[{ required: true, message: '请输入手机号码' }]"
                        />
                        <van-field
                                v-model="reData.loginDto.password"
                                type="password"
                                placeholder="密码"
                                :rules="[{ required: true, message: '请输入密码' }]"
                        />
                    </van-cell-group>
                    <div style="margin: 16px;">
                        <van-button round block type="primary" native-type="submit">
                            提交
                        </van-button>
                    </div>
                </van-form>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
    import {reactive} from 'vue';
    import LoginDto from "../../dto/LoginDto";

    const reData = reactive({loginDto: new LoginDto()});
</script>
<style scoped lang="scss">
    .loginPage {
        background-color: #000;
    }

    .loginDom {
        padding: 30px 0 50px;
    }
</style>
